@charset 'utf-8';

//暗黑主题
.blacktheme {
	.response-area {
		background: #2b2b30;
	}
	.card-scope-search > p,
	.card-style > p {
		color: #d9d9d9;
	}
}
#fa-batchprint {
	background: #fff;
}
//批量打印界面
.Mixins-font {
	font-family: MicrosoftYaHei;
	color: rgba(17, 17, 17, 1);
	font-size: 14px;
}
.card-scope-search,
.card-style {
	padding-left: 20px !important;
	& > p {
		.Mixins-font;
		height: 19px;
		line-height: 19px;
		margin: 10px auto 20px;
		&:before {
			content: '';
			display: inline-block;
			width: 3px;
			height: 15px;
			background: rgba(225, 76, 70, 1);
			margin-right: 5px;
			position: relative;
			top: 3px;
		}
	}
	// .search-component-rowArea {
	// 	width: 20%;
	// }
}
.card-scope-search {
	& > p {
		margin-top: 0px;
		padding-top: 10px;
	}
}

.card-style {
	padding: 10px 20px;
	.u-radio-group {
		label {
			font-size: 13px;
			font-family: MicrosoftYaHei;
			color: rgba(17, 17, 17, 1);
			margin-right: 50px;
			margin-bottom: 10px;
		}
	}
	.more-bottom {
		height: 17px;
		font-size: 13px;
		font-family: MicrosoftYaHei;
		color: rgba(0, 122, 206, 1);
		line-height: 17px;
		display: inline-block;
		&:hover {
			cursor: pointer;
		}
	}
}
.response-area {
	padding-bottom: 40px;
	background: #fff;
	margin-top: 18px;
	display: flex;
	justify-content: center;
	.scope_item {
		p {
			// max-width: 90%;
			word-break: break-all;
			word-wrap: break-word;
		}
	}
	& > div {
		width: 80%;
		background: rgba(255, 249, 230, 1);
		border-radius: 3px;
		border: 1px solid rgba(255, 215, 122, 1);
		padding: 25px;
		& > .text {
			.Mixins-font;
			height: 19px;
			line-height: 19px;
			margin-bottom: 20px;
		}
		& > .selected-area {
			// height: 17px;
			font-size: 13px;
			font-family: MicrosoftYaHei;
			color: rgba(85, 85, 85, 1);
			// line-height: 17px;
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 10px;
			& > div {
				display: flex;
				margin-right: 60px;
				& > p {
					min-height: 17px;
					line-height: 17px;
					margin-bottom: 20px;
				}
				& > p:first-child {
					margin-right: 16px;
					min-width: 65px;
				}
			}
		}
		& > .btn-area {
			text-align: center;
			margin: 20px auto 5px;
		}
	}
}
